<!doctype html>
<html>
<head>
	<title>Lake B2B | Halloween Offers</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<meta name="description" content="">
	<meta name="keywords" content="">
	
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.custom.css" />
	<link rel="stylesheet" type="text/css" href="../css/stylesheet.css" />
	<link href='//fonts.googleapis.com/css?family=Open+Sans:400,700,800,600' rel='stylesheet' type='text/css'>
	<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>


<!--  Logo bar start -->
 
	<div class="container-fluid logo-bar wrapper">
	  <div class="logo col-md-7 col-sm-6 col-xs-12 row"><a href="/" alt="LakeB2B-The World's Leader in Data-Research-Innovation" ><img src="../images/logo.png"  /></a></div>
	  
	  <div class="col-md-5 col-sm-6 col-xs-12 social pull-right">
          <div class="contact col-md-6 col-sm-5 col-xs-6 no-padding text-right">
          <i class="fa icon-mobile"></i>&nbsp;&nbsp;<span>(800) 710-5516</span></div>
          <div class="icons col-md-6 col-sm-7 col-xs-6 pull-right no-padding text-right">
	          <a href="https://twitter.com/lakeb2b" target="_blank"><i class="fa fa-twitter"></i></a>
	          <a href="https://www.facebook.com/pages/Lake-B2B/138369793039331" target="_blank"><i class="fa fa-facebook"></i></a>
	          <a href="http://www.pinterest.com/lakeb2b/" target="_blank"><i class="fa fa-pinterest"></i></a>
	          <a href="https://plus.google.com/u/0/b/117479463964841821393/117479463964841821393/posts" target="_blank"><i class="fa fa-google-plus"></i></a>
	          <a href="https://www.linkedin.com/company/b2bdatapartners" target="_blank"><i class="fa fa-linkedin"></i></a>
	      </div>
	  </div>
	</div>

	<div class="clearfix"></div>

<!--  Logo bar End -->



<!--  carousal below navigation starts -->	
	<div id="carousel-example-generic" class="carousel slide wrapper" data-ride="carousel" data-interval="3000">
	  <!-- Wrapper for slides -->
	 	 <div class="carousel-inner">
		    <div class="item active">
		     <img src="../images/landing-banner-halloween.gif" alt="..." >
		    </div>
		</div> 
	</div>
	<!-- Carousel Ends-->
	
	<div class="clearfix"></div>
	
	<div class="wrapper">
		
		<div class="col-md-12 mt-30 pb-50">
			
			<div class="col-md-8">
				<h3>With IT mailing list from Lake B2B, you can:</h3>
				
				<ul>
					<li>Find the right marketing solutions to fit your direct mail, space, telemarketing and e-mail needs.</li>
					<li>Ensure your marketing strategies deliver increased ROI</li>
				 	<li>Spend less on marketing revenue</li>
					<li>See big returns quickly and frequently</li>
				</ul>
				
				<h3 class="font-700 mt-30">Don’t miss it. It’s a neat steal, really.</h3>
				<h3>Just fill this form to grab the offer!</h3>
			</div>
			
			
			<div class="col-md-4 mt-30 well">
			
				<h3 class="text-center no-margin mb-10">Count me in. I’m interested</h3>
				<p class="pt-20"></p>
				
			<form role="form" class="shout-form" action="http://www.lakeb2b.com/contact-us/" method="post">
				<input type="hidden" name="Contacts[type]" value="3" />
				<div class="form-group col-md-12">
					<input type="text" name="Contacts[name]" id="Name" class="form-control required" placeholder="Name*" />
				</div>
				
				<div class="form-group col-md-12">
					<input type="text" name="Contacts[email]" id="Email" class="form-control required email" placeholder="Email*" />
				</div>
				
				<div class="form-group col-md-12">
					<input type="text" name="Contacts[mobile]" id="Phone" class="form-control required phone" placeholder="Phone*" />
				</div>
				
				<div class="form-group col-md-12">
					<textarea name="Contacts[message]" class="form-control" placeholder="Message"></textarea>
				</div>
				
				<div class="form-group col-md-12">
					<input type="submit" class="btn btn-danger" name="submit" value="Redeem" />
				</div>
				
			</form>
			
			</div>
			
		</div>
				
	</div>
	
	<div class="clearfix"></div>
	
	<!--  footer secition start -->
			<footer class="col-md-12 services pt-20 pb-20">
				
				<div class="col-md-6 text-left ">
					<div class="col-md-4 col-sm-3"><a href="http://www.lakeb2b.com/privacy-policy/" title="Privacy Policy">Privacy Policy</a></div>
					<div class="col-md-4 col-sm-3"><a href="http://www.lakeb2b.com/contact-us/" title="Contact Us">Contact Us</a></div>
					<div class="col-md-4 col-sm-3"><a href="http://www.lakeb2b.com/about-us/" title="About Us">About Us</a></div>
					
					<div class="clearfix"></div>
					<p>&nbsp;&nbsp; &copy; 2014 Lake B2B. All Rights Reserved.</p>
				</div>
			
		          <div class="icons col-md-6 no-padding text-right">
			          <a href="https://twitter.com/lakeb2b" target="_blank"><i class="fa fa-twitter"></i></a>
			          <a href="https://www.facebook.com/pages/Lake-B2B/138369793039331" target="_blank"><i class="fa fa-facebook"></i></a>
			          <a href="http://www.pinterest.com/lakeb2b/" target="_blank"><i class="fa fa-pinterest"></i></a>
			          <a href="https://plus.google.com/u/0/b/117479463964841821393/117479463964841821393/posts" target="_blank"><i class="fa fa-google-plus"></i></a>
			          <a href="https://www.linkedin.com/company/b2bdatapartners" target="_blank"><i class="fa fa-linkedin"></i></a>
			      </div>
			</footer>
		
		
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
	<script>

		$(document).ready(function(){

			$('form.shout-form input[type="text"], form.shout-form textarea').val('');
			
			var emailFilter =  /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
			var phoneFilter = /^[0-9+-]{5,25}$/;

			$('form.shout-form').on('submit', function(e){
				 if (!shoutSubmit()){
					 	$('form.shout-form').unbind('submit').submit();
				 } else {
					 e.preventDefault();
				 }
				 
			});

			function shoutSubmit(){

				$(".form-group").removeClass('has-error');
				$('.errorMessage').text('');
				var errors = false;
				
				$('input.required').each(function(){
					if ($(this).val() == ""){
						$(this).parent().addClass('has-error');
						name = $(this).attr('id');
						$(this).parent().append("<span class='errorMessage'>"+name+" can not be blank</span>");
						errors = true;
					}
					else if ($(this).hasClass('email') && !( $(this).val() ).match(emailFilter)){
						$(this).parent().addClass('has-error');
						name = $(this).attr('id');
						$(this).parent().append("<span class='errorMessage'>"+name+" is Invalid</span>");
						errors = true;
					} else if ( $(this).hasClass('phone') && !($(this).val()).match(phoneFilter) ){
						$(this).parent().addClass('has-error');
						name = $(this).attr('id');
						$(this).parent().append("<span class='errorMessage'>"+name+" is Invalid<br> Only [0-9,+,-] and 5-25 digits</span>");
						errors = true;	
					}
				});

				return errors;
			}
		});
	
	</script>
<style>
.errorMessage{
	display:block !important;
	color:#F00; font-size:12px;
}
</style>



</body>
</html>